@import '../../style/them.scss';
@import "../../style/iconfont";

.navigation-container {
  position: fixed;
  width: 100%;
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
  background: $bg;

  .navigation-bar {
    display: flex;
    align-items: center;

    .img-box {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: 34rpx;
      width: 80rpx;
      height: 80rpx;
      background-color: #fff;
      box-shadow: $shadow;
      border-radius: 40rpx;
      overflow: hidden;

      image {
        border-radius: 40rpx;
        width: 74rpx;
        height: 74rpx;
      }
    }

    .navigation-buttons {
      display: flex;
      align-items: center;

      .search-box {
        width: 100%;

        .iconfont {
          position: absolute;
          left: 420rpx;
          font-size: 26rpx;
          color: $gray-text-color;
        }

        input {
          width: 350rpx;
          height: 58rpx;
          box-shadow: $shadow;
          padding-left: 20rpx;
          margin-left: 40rpx;
          border-radius: 40rpx;
          background-color: #fff;
        }
      }
    }

  }

}